import React, { useState, useEffect } from 'react'

export default function App() {
  const [count, setCount] = useState(0)
  // 1. 不加依赖项 => componentDidMount + componentDidUpdate
  /* useEffect(() => {
    document.title = count
  }) */

  // 2. componentDidMount + componentDidUpdate(只有 count 变的时候才走)
  /* useEffect(() => {
    document.title = count
  }, [count]) */

  // 3. componentDidMount
  useEffect(() => {
    console.log(1)
    // 发请求
    // 绑定事件
    // 往往只需要执行一次
  }, [])
  return (
    <div>
      <p>{count}</p>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  )
}
